/*estilo.CSS ################################# */ body{ background: rgb(70, 145, 100); } header{ text-align: center; } section{ background: white; border-radius: 10px;/*arredonda as bordas*/ padding: 15px;/*aumenta as margens*/ width: 500px; margin: auto;/*centrar caixa branca*/ box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.705); } footer{ color: white; text-align: center; font-style: italic; } /*estilo.CSS ################################# */ Document

Verificador de idade

Ano de nascimento

Sexo

Preencha os dados para ver o resultado
// script.js ################################### function verificar(){ var data=new Date() var ano=data.getFullYear() var fano=document.getElementById(`txtano`) var res=document.getElementById(`res`) if(fano.value.length==0 || fano.value>ano){ window.alert(`verifique o ano digitado`) } else { //window.alert(`ok`) var fsex=document.getElementsByName(`radsex`) var idade=ano-Number(fano.value) //res.innerHTML=`idade calculada ${idade}` var genero=`` var img=document.createElement(`img`)// é como criar um tag img no html img.setAttribute(`id`,`foto`)// é como criar um tag img no html if(fsex[0].checked){ genero=`Homem` if(idade>=0 && idade<18){ //jovem img.setAttribute(`src`,`img/hj.jpg`) } else { //adulto img.setAttribute(`src`,`img/ha.jpg`) } }else if (fsex[1].checked){ genero=`Mulher` if(idade>=0 && idade<18){ //jovem img.setAttribute(`src`,`img/mj.jpg`) } else { //adulto img.setAttribute(`src`,`img/ma.jpg`) } } res.style.textAlign=`center`// centrar com js res.innerHTML=`O indiviuo é ${genero} com ${idade} anos` res.appendChild(img) } } // script.js ###################################